/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
i,
ul,
li,
table,
tr,
th,
td,
aside,
footer,
header,
nav,
section,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
html,
body {
  height: 100%;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 版本的存在的意义：有的版本有这个功能（某个方法），而这个版本没有 */
body {
  position: relative;
  font-size: 0;
  /* background-image: 只能写单一的样式; background可以写图片的大多数样式 */
  background: url('../../img/bg.png') no-repeat;
  /* cover --- 超出容器的部分可能会裁掉 100% ---按容器比例撑满，图片变形 */
  background-size: 100%;
}

.bigImg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  text-align: center;
  img {
    width: auto;
    height: auto;
    max-width: 90%;
    min-width: 90%;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
